<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="../js/jquery-1.11.1.js"></script>
<script type="text/javascript">
		//等价于window.onload=function(){}
		$(function () {
			//1.元素选择器(略)                                                                  
			//2.层次选择器
			console.log($("#g+"));
			console.log($("#gz~"));
			//3.过滤选择器(*)
				//1)基本过滤
				console.log($("li:last"));
				//偶数选择器是偶数的
				console.log($("li:even"));
				//条件选择器小于2的
				console.log($("li:lt(2)"));
				//排除
				console.log($("li:not(#gz)"));
				//2)内容过滤.
				console.log($("li:contains('京')"));//包含京的li
				//3)可见性过滤
				console.log($("li:hidden"));
				//4)属性过滤
				console.log($("li[id]"));
				//5)状态过滤
				console.log("状态过滤");
				console.log($("input:disabled"));
				console.log($("input:checked"));
			//4.表单选择器
				console.log($(":radio"));
		});
</script>
</head>
<body>
	<ul>
		<li>北京</li>
		<li>上海</li>
		<li id="gz">广州</li>
		<li>深圳</li>
		<li>南京</li>
		<li>杭州</li>
		<li style="display: none;">石家庄</li>
	</ul>
	<!-- readonly:只读,框中的值依然可以提交给服务器
		 disabled:禁用,框中的值无法提交给服务器
	 -->
	<p>
		账号:<input type="text" disabled>
	</p>
	<p>
		密码:<input type="password" />
	</p>
	<p>
		性别:
		<input type="radio" name="sex" checked/>男
		<input type="radio" name="sex" />女
	</p>
</body>
</html>














